.classify {
  display: flex;
}
.contactList__item > .is-active,
.classify > .is-active {
  color: #ff701a;
}
.classify__history {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.classify__history__icon {
  margin-right: 10px;
  font-size: 24px;
}
.contactList__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
}
.contactList__item__message {
  width: 80%;
  padding: 8px 0;
  line-height: 2;
}
.contactList__item__message__color {
  color: #888;
}
.contactList__item__icon {
  font-size: 24px;
  color: #888;
}
.contactClear {
  width: 100%;
  padding-top: 10px;
  border: 0;
  border-top: 1px solid #ddd;
  font-size: 16px;
  color: #888;
  background: #fff;
}
